<template>
	<view>
		<image :src="src" mode="widthFix" style="width: 200rpx;"></image>
		<button type="default" @click="clearStorage">清除缓存</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src:"/static/logo.png" // 默认图片
			}
		},
		methods: {
			clearStorage(){
				//uni.clearStorageSync()
				uni.clearStorage()
				this.src = '/static/logo.png'
			}
		},
		onShow() {
			// 1) 读取本地存储中的用户数据
			/*uni.getStorage({
				key:'user',
				success:(res)=>{
					// res参数就是读到数据
					console.log(res);
					// 2) 将其中的头像赋值给页面数据
					this.src = "http://localhost:8090/"+res.data.icon
				}
			})*/
			// 同步访问数据存储
			let user = uni.getStorageSync("user")
			if(user && user.icon){ // 为什么要判断，为什么要这样写？
				this.src = "http://localhost:8090/"+user.icon
			}else{
				this.src = '/static/logo.png'
			}
			
			
		}
	}
</script>

<style>

</style>
